草庐IT

html - 位置 :absolute causes horizontal scrollbar

全部标签

javascript - 从 DOM 中删除元素并将它们添加回原来的位置

我有一个模态窗口。我想要发生的是在模态打开时从页面中删除某些元素,并在模态关闭后将它们添加回原来的位置。我不想显示:无,因为那样只会隐藏它们,我需要将它们实际从页面中删除。所以我有一些jQuery可以删除并在计时器之后将它们添加回去只是为了测试......更新:通过对代码添加这些内容,它现在可以抓取之前的元素,然后将其添加回同一元素之后。问题是,如果该元素也被删除了怎么办?然后它不会添加回来!另外,JavaScript事件处理程序不会丢失吗?我正在开发一个插件,所以它应该尽可能少地干扰网站,但是3d元素在Safari中有一个无法解决的错误。关于如何暂时删除3d元素而又不会过多干扰人们的

javascript - jquery 可拖动但在原始元素所在的位置保留副本

假设我在页面顶部有3个笑脸,L、M和R。在底部,我有一个目标框。它们之间有一条语句:“将中间的笑脸拖到目的地”。虽然draggable允许您这样做,但它拖动的是实际元素,而不是副本。当用户拖动笑脸时,我希望前3个保持静止,只有他们正在移动的那个的副本才能真正移动。如果需要,用户应该能够将多个副本拖到多个目标框中。基本上,我正在寻找这样的东西$("#drag-target-1").draggable('leave-copy'); 最佳答案 使用值为clone的辅助属性来启用可拖动元素的克隆。$("#drag-target-1").dr

javascript - 如何用 jQuery 替换 HTML 但保留事件绑定(bind)

这与其说是一个具体的问题,不如说是一个战略性的问题,但我认为正是这样问的:假设我有一个包含3个独立部分的页面或ap。部分表单的更改会向服务器发送一个ajaxpost,这需要在第二部分进行更改。我想发回第2部分重新处理的HTML输出,并用它替换第2部分的原始状态但是,第2部分有许多元素具有更改、单击、拖动等绑定(bind)-根据经验,当我进行html替换时,我会丢失所有绑定(bind)。但是,这让我不得不单独重写第2部分中许多元素中的某些内容,以免丢失绑定(bind)。我知道有一个更简单的方法来解决这个问题,这似乎是一个常见问题。谁能给我提供这个问题的“啊哈”部分,也许还有一些例子或链接

javascript - 在 history.js 中强制回退 html4

我无法让html4Mode选项为我工作。我在一个非常简单的两页应用程序上使用ajaxify脚本(https://github.com/browserstate/ajaxify)。在支持html5的浏览器中一切正常,但如果我想出于测试目的强制使用html4回退,没有任何变化,似乎历史忽略了这些选项并继续使用html5推送状态url。为了强制回退,我只是更改了ajaxify脚本添加(在DOM上准备好):History.options.html4Mode=true;(我正在使用v1.8b1jqueryhtml4+5捆绑脚本)有没有办法让它工作? 最佳答案

javascript - 如何获取包含图像的内容可编辑的 div 的插入符号位置

我有这个contentedittabledivminubyviubyvt这是代码输出的图像描述所以我想获取div的插入符号位置,并假设光标位于最后一个字符之后。这是我获取插入符位置的代码functiongetCaretPosition(editableDiv){varcaretPos=0,sel,range;if(window.getSelection){sel=window.getSelection();if(sel.rangeCount){range=sel.getRangeAt(0);if(range.commonAncestorContainer.parentNode==edi

javascript - 使 div 带有动画飞到另一个 DOM 位置

我正在移动来自大灰色的元素(Octopus)以上(#large)给小橘子下面(#small)使用$(document).on("click","#large>img",function(){$(this).appendTo("#small");});这很好用,但我希望它平滑过渡并“飞”过去,这样它会慢慢插入其坐标和大小。我尝试添加一个CSS过渡img{transition:all3s;}到我的,但这将不起作用,因为图像被重新添加到DOM而不是移动。这样的动画如何制作?JSFiddle 最佳答案 使用jQuery.append方法不允

javascript - 带有 HTML5 Canvas 的 putImageData 的掩码?

我想从现有图像中截取不规则形状的部分,并使用HTML5Canvas在Javascript中将其渲染为新图像。因此,只会复制多边形边界内的数据。我提出的方法涉及:在新Canvas中绘制多边形。使用clip创建mask使用getImageData(矩形)从原始Canvas复制数据使用putImageData将数据应用到新Canvas它没有用,整个矩形(例如来自边界外源的东西)仍然出现。Thisquestion解释原因:“规范说putImageData不会受到裁剪区域的影响。”该死!我还尝试绘制形状,设置context.globalCompositeOperation="source-in"

javascript - 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象?

我正在尝试克隆元素的样式对象。这应该允许我在更改后重置所述元素的样式。例如:el.style.left;//50pxcurr_style.left;//50px;/*Modifytheelementsstyle.Theclonedstyleshouldstillholdtheoriginalpropertiesfromwhenitwascloned.*/el.style.left='20px';curr_style.left//shouldstillreturn50px.我首先尝试通过将变量分配给el.style的值来复制它。不幸的是,这通过引用指向它,并且对样式的任何更改都会反射(r

javascript - html5 Canvas 图像不显示或图像未加载

我出于版权原因删除了链接!...抱歉!当你在Firefox中时,左边的图像(所有模型)被加载,刷新几次后,在chrome和safari中,它永远不会显示我认为这是一个图像未加载到内存的问题,但我不知道图像何时全部加载,我事件将脚本放在最后,但没有运气那么问题来了,应该怎么做才能加载图像...JavaScript代码中是否存在错误?注意我很难将图像编码为用于Canvas显示的base64...这样做是否可行或明智? 最佳答案 实际上,您可以确定所有图像何时完成加载。为此,您只需为图像对象的onload属性指定一个回调函数。所以,你最终

javascript - 跨浏览器比较文档位置

DOM4compareDocumentPosition我想实现compareDocumentPosition。Resig做了一个greatstartatdoingjustthis.我拿走了他的代码并整理了一下functioncompareDocumentPosition(other){varret=0;if(this.contains){if(this!==other&&this.contains(other)){ret+=16;}if(this!==other&&other.contains(this)){ret+=8;}if(this.sourceIndex>=0&&other.s